import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

const path = require("path");
function resolve(dir) {
  return path.join(__dirname, ".", dir);
}

// 参考链接：https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": resolve("src"),
    },
  },
  css: {
    preprocessorOptions: {
      scss: {
        // additionalData: '@import "@/assets/css/globalStyle.scss";', // 添加公共样式
        // @use 防止css文件中有 @forward 关键字 报错，但是千万不要在其它地方直接引用该公共样式文件
        additionalData: '@use "@/assets/css/globalStyle.scss" as *;', // 添加公共样式
      },
    },
  },
  base: "./", // 打包路径
  server: {
    port: 3008, // 服务端口号
    open: false, // 启动服务是否自动打开浏览器
    cors: true, // 允许跨域
    proxy: {
      "/api": {
        target: "https://www.xxx.com",
        changeOrigin: true,
        rewrite: { "^/api": "/" },
      },
    },
  },
});
